* {
    // width: 100%;
    // margin: 0;
    // padding: 0  ;
    // height: auto;
}

form.el-form {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;

    &.form-section {
        width: 98%;
    }

    .el-card {
        margin-bottom: 100px;
    }
}


.requirement-form {
    position: relative;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    font-size: 1rem;


    .el-radio {
        font-size: 12px !important; // 单选框文字

        .el-radio__label {
            font-size: 12px !important;
        }
    }

    .el-checkbox {
        font-size: 12px !important; // 复选框文字

        .el-checkbox__label {
            font-size: 12px !important;
        }
    }

    .el-select-dropdown__item {
        font-size: 12px !important; // 下拉选项文字
    }

    .form-section {
        //父级和子级都有
        width: 100%;
        margin-bottom: 30px;
        padding: 0;
        background-color: #f8f9fa;
        border-radius: 6px;




        h2 {
            font-size: 24px;
            color: #303133;
            margin-bottom: 20px;
        }

        h3 {
            font-size: 18px;
            color: #606266;
            margin: 15px 0;
        }

        .item-title {
            font-size: 1rem;
            color: #303133;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #0752984a;


        }

        .item-title-2 {  //分割线
           
            display: flex;
            justify-content: center;
            /* 水平居中 */
            align-items: center;
            /* 垂直居中 */
            // border-bottom:1px solid #dedfdf00;
            // margin-top: 10px;
            padding-bottom: 10px;
            position: relative;

            &:after {
                content: '';
                display: block;
                bottom: -1px;
                /* 让伪元素覆盖到下边框 */
                height: 1px;
                width: 95%;
                /* 控制下边框宽度 */
                background-color: #e6e7e8a9;
                /* 边框颜色 */
                // padding-left: 30%;
                margin: 0 auto;
                /* 居中 */
                z-index: 1;
                position: absolute;
            }
        }

        .el-form-item {
            margin-bottom: 22px;

            &__label {
                font-weight: 500;
                color: #606266;
                height: 4em;
                line-height: 4em;
                font-size: 12px !important; // 标签文字
            }
        }

        .form-row {
            display: flex;
            justify-content: space-between;
            gap: 20px; // 控制两个输入项之间的间距
        }

        .form-row .el-form-item {
            flex: 1; // 使每个输入项均分可用空间
        }

        .item {

            padding: 10px;

            &.el-input {
                padding-left: 0 !important;
                font-size: 0.9rem !important;
            }

            &.el-form-item__content {
                padding-left: 0 !important;
                font-size: 0.9rem !important;
            }

            :deep(span) {
                // padding-left: 0 !important;
                font-size: 0.9rem !important;

                //  color:red ;
                &.el-radio__label {
                    font-size: 0.9rem !important;
                }

            }

            :deep(.el-radio__label),
            :deep(.el-checkbox__label),
            :deep(.el-input__wrapper) {
                // padding-left: 0 !important;
                // padding-left: 0 !important;
                font-size: 0.9rem !important;

                // color: blue !important;
                :deep(input) {
                    font-size: 0.9rem !important;
                    // color: purple !important;
                }

                :deep(textarea) {
                    font-size: 0.9rem !important;
                }

                &.el-input__inner {
                    // color: orangered !important;
                }
            }

            &.information {
                padding: 0;
                margin: 0;
                width: 100%;
                max-width: 400px;
            }

            .stepTitle {
                &.el-form-item__label {
                    line-height: 5em;
                    height: 5em;
                    font-size: 0.9rem !important;
                }

                &.el-form-item__content {
                    width: 100%;

                    &.item-steps {
                        width: 100%;
                        margin: 20px 0;

                        .el-step__title {
                            font-size: 14px;
                        }
                    }
                }
            }



        }

        // 流程图容器的宽度控制
        :deep(.item-steps.custom-steps) {
            width: 90% !important; // 固定宽度
            margin: 0 auto !important; // 居中显示
            display: flex !important;
            justify-content: space-between !important;

            .el-step {
                flex: 1 !important;
                flex-basis: 25% !important; // 4个步骤时每个占25%
                min-width: 120px !important; // 最小宽度，防止文字换行
            }
        }

        //    项目选项名称
        .item-name {

            :deep(input),
            :deep(span),
            :deep(label),
            :deep(textarea) {
                font-size: 0.9rem !important;
                // color: palevioletred    ;
            }
        }

    }

    :deep(.upload-demo) {
        display: flex;
        align-items: center; // 垂直居中
        gap: 10px; // 按钮之间的间距

        &.el-upload {
            margin-top: 12px !important;
        }
    }


    :deep(.el-steps) {
        .el-step {
            &__title {
                font-size: 1em !important;
                line-height: 14px !important;
            }

            &__description {
                font-size: 10px !important;
            }

            &__icon {
                width: 2em !important;
                height: 2em !important;
                font-size: 0.9rem !important;

                .el-step__icon-inner {
                    font-size: 0.9rem !important;
                }
            }
        }
    }

    .custom-steps {
        .custom-step {
            :deep(.el-step__title) {
                font-size: 1rem !important;
            }

            :deep(.el-step__description) {
                font-size: 1rem !important;
            }

            :deep(.el-step__icon-inner) {
                font-size: 1.2rem !important;
            }
        }
    }

    :deep() {
        .el-step__title {
            font-size: 10px !important;
        }

        .el-step__description {
            font-size: 10px !important;
        }

        .el-step__icon-inner {
            font-size: 10px !important;
        }
    }

    .el-checkbox-group {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;

        .el-checkbox {
            margin-right: 0;
        }
    }

    .el-select {
        width: 100%;
        max-width: 29em;
    }

    .el-input {
        margin-top: 10px;


    }

    .el-textarea {
        width: 100%;
    }

    .el-date-picker {
        width: 100%;
    }

    .form-buttons {
        margin-top: 30px;
        text-align: center;

        .el-button {
            margin: 0 10px;
            min-width: 120px;
        }
    }

    // 调整级联选择器输入框的宽度
    :deep(.el-cascader.el-tooltip__trigger) {
        width: 100% !important;
        max-width: 29em !important;
    }

    // 调整下拉面板的宽度
    :deep(.el-popper.el-cascader__dropdown) {
        min-width: 500px !important;
    }

    // 确保选择框内容完整显示
    .product-model-cascader {
        width: 100% !important;
        max-width: 500px !important;

        :deep(.el-input__wrapper) {
            width: 100% !important;
        }

        :deep(.el-input__inner) {
            width: 100% !important;
        }
    }

    .samill-content {
        width: 96vw;

    }

    .big-content {
        width: 87vw;
    }

    :deep(.el-form-item__label) {
        font-size: 0.9rem !important;
    }
}

.form-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.form-row .el-form-item {
    width: 48%;
}
.product-name{
      margin: 0 0 20px;
      color: #409eff !important;
      font-size: 24px;
      text-align: left;
}